<template>
    <div>
        <!--    <div class="header">-->
        <!--      <router-link to="/water">-->
        <!--      <img src="@/assets/tap-water/images/fh.png" alt="">-->
        <!--    </router-link>-->
        <!--      <h2>停水公告</h2>-->
        <!--    </div>-->
        <div class="content">
<!--            <p>{{info.noticeTitle}}</p>-->
            <p v-html="info.noticeContent"></p>
        </div>
    </div>
</template>

<script>
    import home from '@/api/tap-water/home';

    export default {
        data() {
            return {
                info: '',
            };
        },
        methods: {
            getTsfgList(page, limit, type) {
                home.getListByType(page, limit, type)
                    .then(response => {
                        this.info = response.data.data[0];
                    });
            },
        },
        mounted() {
            this.getTsfgList(1, 1, "停水公告");
        }
    }

</script>

<style scoped>
    @import "../../assets/tap-water/css/base.css";
    @import "../../assets/tap-water/css/other.css";
</style>
